<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
	"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

		<script type="text/javascript" src="mootools-1.2.1-core.js"></script>
		<script type="text/javascript" src="../MooWindowSession-0.1.1.js"></script>
		
		<link rel="stylesheet" href="screen.css" type="text/css" media="screen" charset="utf-8" />
		
		<script type="text/javascript" charset="utf-8">
			//<![CDATA[
				window.addEvent('domready', function() {
					var Session = new MooWindowSession();
					var cv = $('current-value');
					
					if(Session.get() && $type(Session.get()) == 'string') cv.set('text', Session.get());
					if(Session.get() && $type(Session.get()) == 'object') cv.set('text', JSON.encode(Session.get()));					
				});
		    //]]>
		</script>
		
		<title>MooWindowSession</title>
	</head>
	
	<body>
		<div id="wrapper">
			<div id="head">
				<h1>MooWindowSession</h1>
				<small>&laquo; <a title="Go back to the article" href="http://blog.olicio.us/2008/12/29/moowindowsession/">Go back to the article</a></small>
			</div>

			<h3>Current session value:</h3> 
			<pre id="current-value">Session clear</pre>
			
			<p>&laquo; <a href="index.html">Previous page</a></p>
		</div>
	</body>
</html>